<template>
  <view class="card-container">
    <view class="message-box">
      <view class="message-title center">{{ item.createtime }}</view>
      <view class="message-item-container">
        <view class="message-item">
          <view class="item-text-1"> 标题: </view>
          <view class="item-text-3">
            {{ item.title }}
          </view>
        </view>
        <view class="message-item">
          <view class="item-text-1"> 状态: </view>
          <view class="item-text-2">
            {{ item.nr }}
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.message-container {
  padding: 20rpx;
  box-sizing: border-box;
  .message-box {
    border-radius: 10px;
    margin-bottom: 10px;
    .message-title {
      font-size: 14px;
      color: #c5c3cd;
      margin: 10rpx 0;
    }
    // box-sizing: border-box;
    .message-item-container {
      padding: 10px;
      box-sizing: border-box;
      background-color: #fff;
      border-radius: 10rpx;
      .message-item {
        width: 100%;
        // border-bottom: 1px solid #eee;
        display: flex;
        .item-text-1 {
          // flex: 1 40rpx;
          color: #6d6b74;
          font-size: 28rpx;
          font-weight: bold;
          margin-right: 10rpx;
        }
        .item-text-2 {
          // flex: 1;
          color: #5ed5bc;
          font-size: 28rpx;
          font-weight: bold;
        }
        .item-text-3 {
          // flex: 1;
          color: #000;
          font-size: 28rpx;
          font-weight: bold;
        }
      }
    }
  }
}
</style>
